<template>
  <div>
    <img src="@/images/indexbj.png" alt="" class="indexbj" />
    <!-- 顶部 -->
    <head-main />
    <!-- mens -->
    <div class="indexmentsmain">
      <div
        class="indexments tool"
        v-for="item in mentdata"
        :key="item.id"
        @click="id = item.id"
      >
        <img
          src="@/images/ment.png"
          class=""
          v-if="id != item.id"
          :class="id == item.id ? 'active' : 'normal'"
        />
        <img
          src="@/images/mentac.png"
          :class="id == item.id ? 'normal' : 'active'"
          v-if="id != item.id"
        />
        <img src="@/images/mentac.png" v-if="id == item.id" />
        <div
          class="indexmentname"
          :class="id == item.id ? 'indexmentshover' : ''"
        >
          {{ item.name }}
        </div>
      </div>
    </div>
    <!--开始-->
    <div class="startbox tool" @click="startfn">
      <img src="@/images/start.png" alt="" class="normal" />
      <img src="@/images/startac.png" alt="" class="active" />
    </div>
    <!--主体内容1 -->
    <div class="indexmainbox" v-if="id == 1">
      某某人民医院新上一台某某品牌某某型号的DR机，应中华人民共和国国家卫生健康委员会的要求，行验收检测，检测技术规范参照《中华人民共和国卫生行业标准WS
      76-2020医用X射线诊断设备质量控制检测规范》。验收检测要求：
      <p>
        1.X射线诊断设备新安装、重大维修成更换重要部件后(如更换球管或影像接收器)，应进行验收检测。
      </p>
      <p>
        2.X射线诊断设备验收检测前，医疗机构应有完整的技术资料，包括订货合同或双方协议、供应商提供的设备清单、设备性能指标、设备操作手册或使用说明书。
      </p>
      <p>
        3.新安装X射线诊断设备的验收检测结果应符合随机文件中所列产品性能指标、双方合同或协议中技术条款，但不得低于本标准的要求。供应商未规定的项目应符合本标准的要求。
      </p>
    </div>
    <!-- 主体内容2 -->
    <div class="indexmainbox Scroll" v-if="id == 2">
      对检测设备的要求：
      <p>
        1.检测用设备应根据有关规定进行检定或校准，取得有效的检定或校准证书，检测结果应有溯源性。
      </p>
      <p>2.检测管电压应使用非介入方法进行检测，如数字式高压测量仪。</p>
      <p>
        3.检测时应根据所检测设备的高压发生器类型、靶/滤过、检测参数等对测量仪进行相应设置。
      </p>
      对检测模体的要求
      <p>
        1.本标准中使用的检测模体由衰减层和结构元件组成，它们应可以独立或组合方式使用。用于检测中的衰减模体尺寸应至少达到在所适用检测条件下足以使全部有用线束得到衰减。
      </p>
      <p>
        2.检测半值层所用的标准铝吸收片，铝的纯度应不低于99.9%，铝片尺寸应至少全部覆盖剂量仪探头灵敏区域面积(推荐铝片尺寸宜至少8cmx8cm)。测量X射线诊断(除乳腺X射线摄影设备外)设备半值层的铝片厚度尺寸误差应在士0.1mm范围内,测量乳腺x射线摄影设备半值层的铝片厚度尺寸误差应在
        5%范围内。
      </p>

      <p>
        3.采用高对比度分辨力测试卡或内嵌有线对测试卡的模体进行高对比度分辨力检测。线对范围至少要满足:透视设备0.61p/mm~5.01p/mm，DR、CR设备0.6lp/mm~10.0lp/m，数字成像的牙科X射线设备1.6lp/mm~3.0lp/mm，乳腺DR、乳腺CR设备0.6lp/mm~10.01p/mm，乳腺屏片X射线摄影设备最高线对310.01p/mm。
      </p>
      注：以上要求只引用《中华人民共和国卫生行业标准WS
      76-2020医用X射线诊断设备质量控制检测规范》内与本实验有关的内容。
    </div>
    <!-- 主体内容3 -->
    <div class="indexmainbox Scroll" v-if="id == 3">
      <div class="wpmains">
        <div
          class="wpboxs"
          v-for="item in wpdata"
          :key="item.id"
          @click="wpidfn(item.id)"
        >
          <div class="tool wbbox">
            <img :src="item.src" alt="" class="wpimgitemss" />
            <img
              src="@/images/wpbj.png"
              alt=""
              class="normal"
              :ref="'normalImg' + item.id"
              v-if="!wpid.includes(item.id)"
            />
            <img
              src="@/images/wpbjac.png"
              alt=""
              class="active"
              v-if="!wpid.includes(item.id)"
            />
            <img
              class="wpimgyxs"
              src="@/images/wpbjac.png"
              alt=""
              v-if="wpid.includes(item.id)"
            />
          </div>
          <div class="wpnames">{{ item.name }}</div>
        </div>
      </div>
    </div>
    <!--  -->
    <div class="showmxbox" v-if="show">
      <i class="el-icon-circle-close showboxclose" @click="show = false"></i>
      <show-mx :mxmtnumber="mxmtnumber" />
    </div>
  </div>
</template>

<script>
import headMain from '@/components/headMain.vue'
import showMx from '@/components/showMx.vue'
export default {
  components: { headMain, showMx },
  name: 'WorkspaceJsonIndex',
  data() {
    return {
      mentdata: [
        {
          id: 1,
          name: '实验背景'
        },
        {
          id: 2,
          name: '检测要求'
        },
        {
          id: 3,
          name: '物品展示'
        }
      ],
      id: 1,
      wpid: [],
      mxmtnumber: 0,
      wpdata: [
        {
          id: 1,
          name: '笔记本电脑',
          src: require('@/images/wp1.png')
        },
        {
          id: 2,
          name: '多探测器XR',
          src: require('@/images/wp2.png')
        },
        {
          id: 3,
          name: '数据转换器',
          src: require('@/images/wp3.png')
        },
        {
          id: 4,
          name: '20mm铝板',
          src: require('@/images/wp11.png')
        },
        {
          id: 5,
          name: '铅板',
          src: require('@/images/wp5.png')
        },
        {
          id: 6,
          name: '1.0mm铜板',
          src: require('@/images/wp6.png')
        },
        {
          id: 7,
          name: '1.5mm铜板',
          src: require('@/images/wp7.png')
        },
        {
          id: 8,
          name: '准直度检测板',
          src: require('@/images/wp8.png')
        },
        {
          id: 9,
          name: '线束垂直度测试筒',
          src: require('@/images/wp9.png')
        },
        {
          id: 10,
          name: '毫米级刻度铅尺',
          src: require('@/images/wp10.png')
        },
        {
          id: 4,
          name: '铅板(15cm*15cm*2mm)',
          src: require('@/images/wp11.png')
        },
        {
          id: 12,
          name: '铅块(4cm*4cm*4mm)',
          src: require('@/images/wp12.png')
        },
        {
          id: 13,
          name: '屏片X射线密着检测板',
          src: require('@/images/wp13.png')
        },
        {
          id: 14,
          name: '高对比分辨力测试卡',
          src: require('@/images/wp14.png')
        },
        {
          id: 15,
          name: '低对比分辨力检测模体',
          src: require('@/images/wp15.png')
        },
        {
          id: 16,
          name: '胶带',
          src: require('@/images/wp16.png')
        }
      ],
      show: false
    }
  },
  mounted() {},
  methods: {
    startfn() {
      this.$router.push({
        name: 'home'
      })
    },
    wpidfn(id) {
      this.mxmtnumber = id
      this.show = true
    }
  }
}
</script>
<style lang="scss" scoped></style>
